<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>小米MIX 2</title>
		<link rel="icon" href="img/favicon.ico" type="image/x-icon">
		<link rel="stylesheet" type="text/css" href="css/product.css"/>
		<link rel="stylesheet" type="text/css" href="css/carousels.css"/>
		<link rel="stylesheet" type="text/css" href="css/font.css"/>
	</head>
	<body>
		<header>
			<!--顶部广告栏-->
			<!--<div class="ad">
				<div class="ad_top">
					<img src="img/top.jpg"/>
				</div>
			</div>-->
			<!--顶部信息栏-->
			<div class="mess">
				<div class="mess_nei">
					<div class="fl">
						<a href="index.html">小米商城</a>
						<span>|</span>
						<a href="#">MIUI</a>
						<span>|</span>
						<a href="#">loT</a>
						<span>|</span>
						<a href="#">云服务</a>
						<span>|</span>
						<a href="#">水滴</a>
						<span>|</span>
						<a href="#">金融</a>
						<span>|</span>
						<a href="#">有品</a>
						<span>|</span>
						<a href="#">Select Region</a>
					</div>
					<div class="fr">
						<a href="#">登陆</a>
						<span>|</span>
						<a href="#">注册</a>
						<span>|</span>
						<a href="#">消息通知</a>
						<span></span>
						<a href="cart.html" class="car"><i class="iconfont"></i> 购物车(0)</a>
						<div class="car_li">
							购物车中还没有商品，赶紧选购把吧！
						</div>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<!--导航栏-->
			<div class="nav clearfix">
				<div class="nav_logo fl">
					<a href="index.html" title="小米官网" class="logo"><img src="img/mi-logo.png"/></a>
					<a href="#" class="gg"><img src="img/ganenji.gif" alt="" /></a>
				</div>
				<ul class="fl clearfix">
					<li><a href="#">小米手机</a></li>
					<div class="xiala">
						<ul class="clearfix">
							<li>
								<div class="lie_img"><img src="img/mi-mix2.jpg"/></div>
								<p><a href="#">小米MIX 2</a></p>
								<p>3299起</p>
							</li>
							<li>
								<div class="lie_img"><img src="img/mi-mix2.jpg"/></div>
								<p><a href="#">小米MIX 2</a></p>
								<p>3299起</p>
							</li>
							<li>
								<div class="lie_img"><img src="img/mi-mix2.jpg"/></div>
								<p><a href="#">小米MIX 2</a></p>
								<p>3299起</p>
							</li>
						</ul>
					</div>
					<li><a href="#">红米</a></li>
					<div class="xiala">
						<ul class="clearfix">
							<li>
								<div class="lie_img"><img src="img/mi-mix2.jpg"/></div>
								<p><a href="#">小米MIX 2</a></p>
								<p>3299起</p>
							</li>
							<li>
								<div class="lie_img"><img src="img/mi-mix2.jpg"/></div>
								<p><a href="#">小米MIX 2</a></p>
								<p>3299起</p>
							</li>
						</ul>
					</div>
					<li><a href="#">笔记本</a></li>
					<li><a href="#">电视</a></li>
					<li><a href="#">盒子</a></li>
					<li><a href="#">新品</a></li>
					<li><a href="#">路由器</a></li>
					<li><a href="#">智能硬件</a></li>
					<li><a href="#">服务</a></li>
					<li><a href="#">社区</a></li>
				</ul>
				<div class="search fr">
					<form action="" method="post">
						<input type="text" name="" class="text">
						<input type="submit" name="" class="ss iconfont" value="" />
					</form>
					<!--<div class="lx">
						<ul>
							<li></li>
						</ul>
					</div>-->
				</div>
			</div>
		</header>
		<!--页面主内容-->
		<div class="web">
			<div class="container">
				<div class="titled clearfix">
					<div class="titled_left fl">
						小米MIX 2 全面屏2.0
						<span>|</span>
						<a href="#">小米MIX 2 斯塔克限量版</a>
					</div>
					<div class="titled_right fr">
						<a href="#">概述</a>
						<span>|</span>
						<a href="#">图集</a>
						<span>|</span>
						<a href="#">参数</a>
						<span>|</span>
						<a href="#" target="_blank">F码通道</a>  <span class="separator">|</span>   <a href="//item.mi.com/comment/10000070.html">用户评价</a>
					</div>
				</div>
			</div>
			<ul class="details clearfix">
				<li>
					<div class="wrap">
						<div class="lunbo_wrap">
														<!--轮播图的容器-->
							<ul class="pic_box">
								<li>
									<img src="img/mix2-1.jpg"/>
								</li>
								<li>
									<img src="img/mix2-2.jpg"/>
								</li>
								<li>
									<img src="img/mix2-3.jpg"/>
								</li>
							</ul>
							<div class="hoverbox"></div>

							<!--底部的控制点-->
							<ul class="pannel"></ul>
							<!--左右箭头-->
							<span id="left_arrow" class="iconfont"></span>
							<span id="right_arrow" class="iconfont"></span>
						</div>
					</div>
				</li>
				<li>
					<div class="product">
					<!--产品提示-->
						<div class="tips">
							<h3>小米MIX 2 全面屏2.0</h3>
							<p>全面屏2.0，5.99"大屏 / 骁龙835旗舰处理器 / 4轴光学防抖 / 6模43频，全球频段 。注意：手机退货，则赠品也需全部退回</p>
							<p>3299元</p>
						</div>
						<div class="place">
							<div class="place2">
								<i class="iconfont"></i>
								<span>北京</span>
								<span>北京市</span>
								<span>东城区</span>
								<span>永定门外街道</span>
								<span class="change">修改</span>
								<br />
								<span class="change">有现货</span>
							</div>
						</div>
						<div class="choice">
							<div class="choice1">
								<div class="choice_color">
									选择版本
								</div>
								<ul class="color clearfix">
									<li>
										<a href="#">
											<span>6GB+64GB</span>
											<span>3299元</span>
										</a>
									</li>
									<li>
										<a href="#">
											<span>6GB+128GB</span>
											<span>3599元</span>
										</a>
									</li>
									<li>
										<a href="#">
											<span>6GB+256GB</span>
											<span>3999元</span>
										</a>
									</li>
									<li>
										<a href="#">
											<span>全陶瓷尊享版</span>
											<span>4699元</span>
										</a>
									</li>
								</ul>
							</div>
							<div class="capa">
								<div class="capacity">
									选择颜色
								</div>
								<ul>
									<li><span>黑色陶瓷</span></li>
								</ul>
							</div>
							<div class="baoxian">
								<div class="bxtitle clear">
									选择小米提供的意外保险
									<a href="#">
										了解意外保险&gt;
									</a>
								</div>
								<ul>
									<li class="clearfix">
										<i class="iconfont">√</i>
										<img src="img/baoxian.jpg"/>
										<div>
											<span>手机意外保险</span>
											<p>红米5A 意外保险</p>
											<span> 59元</span>
										</div>
									</li>
								</ul>
							</div>
							<div class="total">
								<ul>
									<li class="clearfix">
										红米5A 铂银灰 16GB
										<span>    599元</span>
									</li>
									<li class="money">
										总计：599元
									</li>
								</ul>
							</div>
							<ul class="car clearfix">
								<li>
									<a href="#">加入购物车</a>
								</li>
							</ul>
							<div class="qitian">
								​<i class="iconfont"></i>
								<span>支持7天无理由退货</span>
							</div>
						</div>
					</div>
				</li>
			</ul>
			<div class="back">
				<div class="matter">
					<h2>包装清单	</h2>
					<div><img src="img/bz.jpg"/></div>
					<h2>小米承诺	</h2>
					<div><img src="img/bx.png"/></div>
					<h2>官方微信</h2>
					<div><img src="img/wx.jpg"/></div>
				</div>
			</div>
		</div>
		<!--页脚-->
		<footer>
			<!--快速服务-->
			<div class="serve">
				<ul class="clearfix">
					<li><a href="#"><i class="iconfont"></i> 预约维修服务</a></li>
					<li><a href="#"><i class="iconfont"></i> 7天无理由退货</a></li>
					<li><a href="#"><i class="iconfont"></i> 15天免费换货</a></li>
					<li><a href="#"><i class="iconfont"></i> 满150元包邮</a></li>
					<li><a href="#"><i class="iconfont"></i> 520余家售后网点</a></li>
				</ul>
			</div>
			<!--底部导航-->
			<div class="ser clearfix">
				<dl>
					<dt>帮助中心</dt>
					<dd><a href="#">账户管理</a></dd>
					<dd><a href="#">购物指南</a></dd>
					<dd><a href="#">订单操作</a></dd>
				</dl>
				<dl>
					<dt>帮助中心</dt>
					<dd><a href="#">账户管理</a></dd>
					<dd><a href="#">购物指南</a></dd>
					<dd><a href="#">订单操作</a></dd>
				</dl>
				<dl>
					<dt>帮助中心</dt>
					<dd><a href="#">账户管理</a></dd>
					<dd><a href="#">购物指南</a></dd>
					<dd><a href="#">订单操作</a></dd>
				</dl>
				<dl>
					<dt>帮助中心</dt>
					<dd><a href="#">账户管理</a></dd>
					<dd><a href="#">购物指南</a></dd>
					<dd><a href="#">订单操作</a></dd>
				</dl>
				<dl>
					<dt>帮助中心</dt>
					<dd><a href="#">账户管理</a></dd>
					<dd><a href="#">购物指南</a></dd>
					<dd><a href="#">订单操作</a></dd>
				</dl>
				<dl>
					<dt>帮助中心</dt>
					<dd><a href="#">账户管理</a></dd>
					<dd><a href="#">购物指南</a></dd>
					<dd><a href="#">订单操作</a></dd>
				</dl>
				<div class="tel">
					<p class="phone">400-100-5678</p>
					<p>
						周一至周日 8:00-18:00<br />
						（仅收市话费）
					</p>
					<a href="#" class="weixin"><i class="iconfont"></i>24小时在线客服</a>
				</div>
			</div>
			<!--底部信息-->
			<div class="footrd">
				<div class="help">
					<div class="mi clearfix">
						<div class="logo_img">
							<img src="img/mi-logo.png"/>
						</div>
						<div class="ifo">
							<p class="ifo_link">
								<a href="#">小米商城</a>
								<span>|</span>
								<a href="#">MIUI</a>
								<span>|</span>
								<a href="#">米家</a>
								<span>|</span>
								<a href="#">米聊</a>
								<span>|</span>
								<a href="#">多看</a>
								<span>|</span>
								<a href="#">路由器</a>
								<span>|</span>
								<a href="#">米粉卡</a>
								<span>|</span>
								<a href="#">小米天猫店</a>
								<span>|</span>
								<a href="#">隐私政策</a>
								<span>|</span>
								<a href="#">问题反馈</a>
								<span>|</span>
								<a href="#">Select Region</a>
							</p>
							<p class="copyright">
								©<a href="#">mi.com</a>京ICP证110507号 <a href="#">京ICP备10046444号</a> <a href="#">京公网安备11010802020134号</a> <a href="#">京网文[2014]0059-0009号</a><br /> 
								违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
							</p>
						</div>
						<div class="links">
							<a href="#"><img src="img/truste.png"/></a>
							<a href="#"><img src="img/logo-1.png"/></a>
							<a href="#"><img src="img/logo-2.png"/></a>
							<a href="#"><img src="img/logo-3.png"/></a>
							<a href="#"><img src="img/logo-4.png"/></a>
						</div>
					</div>
					<div class="slogan">探索黑科技，小米为发烧而生!</div>
				</div>
			</div>
		</footer>
		<script src="js/jquery-1.11.0.js"></script>
		<script src="js/carousel.js"></script>
		<script type="text/javascript">
			new lunbo(".wrap", 560 / 560,"true","true",500,"true",1500);
		</script>
	</body>
</html>
